<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" type="text/css" href="./css/index.css">
</head>
<body>

	<!-- 版心  1000-->
	<div class="main">
		<!-- 头部 导航 -->
		<div class="nav-box clearfix">
			<img src="./images/tu/logo.png">
			<div class="nav">
				<a class="active" href="">首页</a>
				<a href="">关于我</a>
				<a href="">文章</a>
				<a href="">心情</a>
				<a href="">相册</a>
				<a href="">留言</a>
			</div>
		</div>
		<!-- ------------------------>


		<div class="content">
			<div class="left">
				<img src="./images/tu/a1.jpg">

				<div class="left-title clearfix">
					<p>文章推荐</p>
					<p>栏目标题1 栏目标题2 栏目标题3</p>
				</div>


				<div class="left-list clearfix">
					<div class="left-list-icon">
						<img src="./images/tu/a1.jpg">
					</div>
					<div class="left-list-text">
						<h3>住手机里的朋友</h3>
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<div class="time-box clearfix">
							<div class="time-left">
								<img src="./images/tu/newsbg01.png">
								<span>个人博客</span>
								<img src="./images/tu/newsbg02.png">
								<span>2025-07-18</span>
							</div>
							<div class="time-right">
								<img src="./images/tu/newsbg01.png">
								<span>个人博客</span>
								<img src="./images/tu/newsbg02.png">
								<span>2025-07-18</span>
							</div>
						</div>

					</div>
				</div>

				<div class="left-list clearfix">
					<div class="left-list-icon">
						<img src="./images/tu/a1.jpg">
					</div>
					<div class="left-list-text">
						<h3>住手机里的朋友</h3>
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<div class="time-box clearfix">
							<div class="time-left">
								<img src="./images/tu/newsbg01.png">
								<span>个人博客</span>
								<img src="./images/tu/newsbg02.png">
								<span>2025-07-18</span>
							</div>
							<div class="time-right">
								<img src="./images/tu/newsbg01.png">
								<span>个人博客</span>
								<img src="./images/tu/newsbg02.png">
								<span>2025-07-18</span>
							</div>
						</div>

					</div>
				</div>

				<div class="left-list clearfix">
					<div class="left-list-icon">
						<img src="./images/tu/a1.jpg">
					</div>
					<div class="left-list-text">
						<h3>住手机里的朋友</h3>
						<p>通信时代，无论是初次相见还是老友重逢，交换联系方式，常常是彼此交换名片，然后郑重或是出于礼貌用手机记下对方的电话号码。在快节奏的生活里，我们不知不觉中就成为住在别人手机里的朋友。又因某些意外，变成了别人手机里匆忙的过客，这种快餐式的友谊 ...</p>
						<div class="time-box clearfix">
							<div class="time-left">
								<img src="./images/tu/newsbg01.png">
								<span>个人博客</span>
								<img src="./images/tu/newsbg02.png">
								<span>2025-07-18</span>
							</div>
							<div class="time-right">
								<img src="./images/tu/newsbg01.png">
								<span>个人博客</span>
								<img src="./images/tu/newsbg02.png">
								<span>2025-07-18</span>
							</div>
						</div>

					</div>
				</div>

			</div>
			<div class="right">

				<h3>关注我</h3>
				<div class="tell-box">
					<div class="tell-item">
						<div class="tell-icon"></div>
						<p>新浪微博</p>
					</div>
					<div class="tell-item">
						<div class="tell-icon"></div>
						<p>新浪微博</p>
					</div>
					<div class="tell-item">
						<div class="tell-icon"></div>
						<p>新浪微博</p>
					</div>
					<div class="tell-item">
						<div class="tell-icon"></div>
						<p>新浪微博</p>
					</div>
				</div>


				<!-- 排行-------------------------- -->
				<div class="right-list">
					<div class="right-list-header clearfix">
						<span>点击排行</span>
						<span>最新文章</span>
						<span>站长推荐</span>
					</div>
					<div class="right-list-content">
						<div class="right-list-only">
							<span></span>
							<p>住在手机里的朋友</p>
						</div>
						<div class="right-list-only">
							<span class="two"></span>
							<p>住在手机里的朋友</p>
						</div>
						<div class="right-list-only">
							<span class="three"></span>
							<p>住在手机里的朋友</p>
						</div>
						<div class="right-list-only">
							<span></span>
							<p>住在手机里的朋友</p>
						</div>
						<div class="right-list-only">
							<span></span>
							<p>住在手机里的朋友</p>
						</div>
						<div class="right-list-only">
							<span></span>
							<p>住在手机里的朋友</p>
						</div>
					</div>
				</div>
				<!-- -------------------------------------- -->

				<!-- 标签云 -->
				<div class="tag-box">
					<h3>标签云</h3>

					<div class="tag-list clearfix">
						<span>个人博客</span>
						<span>web开发</span>
						<span>前端设计</span>
						<span>html</span>
						<span>web开发</span>
						<span>前端设计</span>
						<span>web开发</span>
						<span>前端设计</span>
						<span>html</span>
					</div>


				</div>

			</div>


		</div>



	</div>





</body>
</html>